<template>
	<div class="full_com info-box">
		<div class="info-item-box czjz_com borderGC-5_com slhxs_com" v-for="(item,index) of infoList" :key="index" :title="item.value">
			{{item.title}}: {{item.value}}
		</div>
		<div class="czjz_com borderGC-5_com slhxs_com" style="color: #fff">学校地址: 贵州省贵阳市观山湖区</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				infoList: [{
					title: '学校名称',
					value: '观山湖区第一中学'
				}, {
					title: '学校类型',
					value: '寄宿制高中'
				}, {
					title: '学校属性',
					value: '全国校园足球特色学校'
				}, {
					title: '建成时间',
					value: '2013'
				}]
			}
		}
	}
</script>

<style scoped>
	.info-box {
		display: flex;
		flex-wrap: wrap;
	}

	.info-item-box {
		width: 50%;
		height: 33.33%;
		color: #fff;
	}
</style>
